<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单控件标签</title>
</head>

<body>
    <form action="demo.php" method="get">
        <!-- checked主要是针对单选框和多选框 可以使默认选中这个选项 -->
         <!-- text  文本框    可以输入任何文本 -->
        用户名:<input type="text" name="username"><br>
        <!-- password 密码框   可以输入密码而且密码是属于隐藏显示 -->
        密码:<input type="password" name="password"><br>
        <!-- radio  单选按钮   可以实现多选1-->
        性别:男<input type="radio" name="sex" checked="checked">女<input type="radio" name="sex">人妖<input type="radio" name="sex"><br>
        <!-- name是表单元素名字  这里的性别必须设置一样的名字 -->
        <!-- checkbox 多选框  可以实现多个选择 -->爱好:吃饭<input type="checkbox" name="hobby"> 睡觉<input type="checkbox"name="hobby" checked="checked"> 打游戏<input type="checkbox"name="hobby"> 唱歌<input type="checkbox"name="hobby"> 学习<input type="checkbox"name="hobby"> 追剧<input type="checkbox"name="hobby"> 冒险<input type="checkbox"name="hobby"> 旅游<input type="checkbox"name="hobby"> 音乐<input type="checkbox"name="hobby"><br>
         <!-- submit 提交按钮  点击了提交按钮可以将表单数据传送到后端服务器 -->
        <input type="submit" value="免费注册">
        <!-- reset  重置按钮 可以还原表单元素初始的默认状态 -->
        <input type="reset" value="重新设置">
        <!-- button  普通按钮  后期搭配js使用 -->
        <input type="button" value="获取短信验证码">
        <!-- 文件域 使用场景 上传文件使用的 -->
        上传头像:<input type="file">
    </form>
</body>

</html>